@import 'config';
.gotopay{
  background-color: $light;
  height: 100%;
  padding-bottom: px2rem(44px);
  box-sizing: border-box;
  .gotopay-bd{
    &>.title{
      font-size: px2rem(14px);
      padding: px2rem(10px) px2rem(10px);
    }
  }
  .gotopay-ft{
    display: flex;
    align-items: stretch;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: px2rem(44px);
    line-height: px2rem(44px);
    display: flex;
    padding: 0 px2rem(10px);
    background-color: $white;
    .btn{
      width: 50%;
      color: $white;
      background-color: $dark;
      text-align: center;
      font-size: px2rem(18px)
    }
    .btn-red{
      background-color: $red;
    }
    .totalPrice{
      flex: 1;
      color: $red;
      font-size: px2rem(14px)
    }
  }
}

.contact{
  display: flex;
  align-items: center;
  font-size: px2rem(14px);
  .name{
    color: $black;
    flex: 1;
  }
  .tel{
    color: $darker;
  }
}
.address{
  margin-top: px2rem(5px);
  color: $darker;
}

.select{
  border: 0;
  outline: none;
  background-color: $white;
  font-size: px2rem(12px);
  text-align: right;
  color: $dark;
  appearance:none;
  &::-ms-expand {
    display: none;
  }
}
